<!-- 图片 -->
<template>
	<view class="img-box" @click.stop="imgCloseFn(item)">
		<van-image class="item-img-box" fit="cover" position="left" :src="props.imgItem" />
		<img class="close-btn" src="@/assets/image/icon48.png" @click="imgCloseFn">
	</view>
</template>

<script setup>
	import {
		toRefs
	} from "vue";
	import {
		reactive,
		ref,
		getCurrentInstance,
		onMounted
	} from "vue"
	const emits = defineEmits(['imgClose'])

	const props = defineProps(['imgItem'])

	const imgCloseFn = () => {
		emits('imgClose')
	}
</script>

<style lang="scss" scoped>
	.img-box {
		width: 188rpx;
		height: 188rpx;
		position: relative;
		border-radius: 12rpx;
		overflow: hidden;
	}

	.item-img-box {
		width: 188rpx;
		height: 188rpx;
		display: block;
	}

	.close-btn {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		top: 10rpx;
		right: 10rpx;
		z-index: 9999;
	}
</style>
